<%--
    Document   : Register
    Created on : Dec 2, 2009, 6:22:24 PM
    Author     : jo
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Register--Join TripPlan!</title>
</head>

<body tracingsrc="register.png" tracingopacity="5">
<table width="1000" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="1000" height="286" colspan="3" align="left" valign="top"><img src="image/register/head.gif" width="1000" height="286"></td>
  </tr>
  <tr>
    <td width="297" height="423" rowspan="2" align="left" valign="top"><img src="image/register/left.gif" width="297" height="423"></td>
    <td width="703" height="138" colspan="2" align="left" valign="top"><img src="image/register/registerBanner.gif" width="703" height="138"></td>
  </tr>
  <tr>
    <td width="506" height="285" align="left" valign="top">
	<form name="form1" method="post" action="register.do?action=register">
      <table width="493" border="0" cellspacing="0" cellpadding="0">
       	 <tr align="left" valign="top">
		    <td width="68" height="28" align="center" valign="top">
			<img src="image/register/email.gif" width="35" height="14" align="baseline">
		    </td>
		    <td width="126" height="28" align="center" valign="middle">
			  <input id="email" name="email" type="text" size="15">			</td>
			<td width="33" height="28"><span id ="usermsg"></span></td>
		    <td colspan="2" rowspan="7" align="right" valign="top">			<textarea name="textarea" cols="36" rows="10"></textarea>			</td>
        </tr>
        <tr align="left" valign="top">
			  <td width="68" height="25" align="center" valign="middle">
			  <img src="image/register/password.gif" width="64" height="16">
			  </td>
		    <td width="126" height="25" align="center" valign="top">
			<input id="password" name="password" type="password" size="15">
		    </td>
            <td width="33" height="25">&nbsp;</td>
         </tr>
        <tr align="left" valign="top">
			  <td width="68" height="33" align="center" valign="middle">
			  <img src="image/register/confirm.gif" width="64" height="33">
			  </td>
		      <td width="126" height="33" align="center" valign="top">
			    <input id="password2" name="password2" type="password" size="15">
		   	    </td>
            <td width="33" height="33">&nbsp;</td>
        </tr>
        <tr align="left" valign="top">
			 <td width="68" height="25" align="center" valign="middle">
			 <img src="image/register/firstname.gif" width="61" height="13">
			 </td>
	        <td width="126" height="25" align="center" valign="top">
		      <input id = "firstname" name="firstname" type="text" size="15">
		    </td>
            <td width="33" height="25">&nbsp;</td>
        </tr>
        <tr align="left" valign="top">
          <td height="20" align="center" valign="middle">
		  <img src="image/register/lastname.gif" width="59" height="13">
		  </td>
          <td width="126" height="20" align="center" valign="middle">
		  <input id="lastname" name="lastname" type="text" size="15">		  </td>
          <td height="20">&nbsp;</td>
        </tr>
        <tr align="left" valign="top">
          <td height="29" align="center" valign="middle">
		  <img src="image/register/gender.gif" width="47" height="14">
		  </td>
          <td height="29" colspan="2" align="left" valign="middle">
		  <input name="gender" type="radio" id="gender" value="male" checked>
            <img src="image/register/male.gif" width="30" height="13" align="bottom">
		  <input name="gender" type="radio" id="gender" value="female">
            <img src="image/register/female.gif" width="44" height="13" align="bottom">		  </td>
        </tr>
        <tr align="left" valign="top">
			  <td width="68" height="20" align="center" valign="middle">
				  <img src="image/register/cancelBtn.gif" onClick="location.href='Login.jsp'" style="cursor:pointer" width="60" height="19" align="right">
			  </td>
		      <td align="center" valign="middle">
		        <input src="image/register/registerBtn.gif" type="image" onClick="this.form.submit()" width="68" height="19" align="right">
			  </td>
			  <td width="33" height="20">&nbsp;</td>
			  <td width="86" align="center">
				 <input type="radio" name="radiobutton" value="radiobutton">
		         <img src="image/register/accept.gif" width="52" height="19">
			  </td>
			  <td width="180">
				<input type="radio" name="radiobutton" value="radiobutton">
		        <img src="image/register/dontAccept.gif" width="86" height="19">
			  </td>
        </tr>
      </table>
    </form>	</td>
    <td width="200" height="285" align="left" valign="top"><img src="image/register/right.gif" width="197" height="285"></td>
  </tr>
  <tr align="left" valign="top">
    <td height="108" colspan="3"><img src="image/register/bottom.gif" width="1000" height="108"></td>
  </tr>
</table>
</body>
</html>
